@import '_iconfont.scss',
'_variables.scss',
'_basic.scss';

/* 文本溢出 */

@mixin ellipsis($line: 1) {
    @if ($line==1) {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    @else {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: $line;
    }
}


/* 边框阴影 */

@mixin shadow {
    background-color: #ffffff;
    box-shadow: 1px 2px 4px 1px rgba(52, 52, 52, 0.1);
    @content;
}


/* x滚动条样式 */

%scrollbar-x {
    overflow-x: auto;
    &::-webkit-scrollbar {
        width: 100%;
        height: 6px;
        background: #dcdcdc;
        border-radius: 6px;
    }
    // 修改底下的背景
    &::-webkit-scrollbar-track {
        background: #dcdcdc;
        border-radius: 6px;
    }
    // 修改滑块
    &::-webkit-scrollbar-thumb {
        width: 20px !important;
        height: 6px;
        border-radius: 6px;
        background: #FF9C00;
    }
}


/* y滚动条样式 */

%scrollbar {
    &::-webkit-scrollbar {
        width: 6px;
        height: 80px;
        background: #4F4F4F;
        border-radius: 3px;
    }
    &::-webkit-scrollbar-track {
        background: #F0F4F3;
        border-radius: 10px;
    }
    &::-webkit-scrollbar-thumb {
        width: 6px;
        height: 80px;
        border-radius: 5px;
        background: #C1C1C1;
    }
}


/* 滚动条样式 */

%scrollbar-crosswise {
    &::-webkit-scrollbar {
        height: 6px;
        width: 80px;
        background: #4F4F4F;
        border-radius: 3px;
    }
    &::-webkit-scrollbar-track {
        background: #F0F4F3;
        border-radius: 10px;
    }
    &::-webkit-scrollbar-thumb {
        height: 6px;
        width: 80px;
        border-radius: 5px;
        background: #C1C1C1;
    }
}

// 标签内使用的单色
.success {
    color: $success-color;
}

.error {
    color: $error-color;
}

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}